<script lang='ts' setup>

withDefaults(defineProps<{
  showTitle?: boolean,
  size?: 16 | 24 | 32 | 48 | 64 | 96 | 128 | 256 | 512 | 1024
}>(), {
  showTitle: false,
  size: 48
})

</script>

<template >
  <div class="logo-wrapper">
    <img class="logo-image" :width="size" :height="size" src="@renderer/assets/logo.png" alt="logo" />
    <h1 class="logo-title" v-if="showTitle">CodeGenerator</h1>
  </div>
</template>

<style scoped lang='less'>
.logo-wrapper {
  display: flex;
  gap: 2px;
  align-items: center;
  justify-content: center;
  .logo-title {
    color: var(--el-color-primary);
    font-size: 14px;
    font-weight: bold;
  }
}
</style>
